
<aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
        <ul class="sidebar-menu">
            <li class="header">欢迎</li>
            <li class=" treeview">
                <a href="#">
                    <i class="fa fa-user"></i> <span>用户</span> <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                    <li class=""><a href="index.php?p=pipe_user"><i class="fa fa-circle-o"></i>渠道用户</a></li>
                    <li class=""><a href="index.php?p=admin_user"><i class="fa fa-circle-o"></i>后台用户</a></li>
                </ul>
            </li>
            <li class="active treeview">
                <a href="#">
                    <i class="fa fa-cube"></i> <span>产品</span> <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                    <li class="active"><a href="index.php?p=product_mani"><i class="fa fa-circle-o"></i>产品管理</a></li>
                </ul>
            </li>
            <li class=" treeview">
                <a href="#">
                    <i class="fa fa-database"></i> <span>数据</span> <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                    <li class=""><a href="index.php?p=data_mani"><i class="fa fa-circle-o"></i>列表</a></li>
                </ul>
            </li>
        </ul>
    </section>
    <!-- /.sidebar -->
</aside>
<!-- Main content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            CPA统计
            <small>数据查询</small>
            <a class="btn btn-primary pull-right" id="add-product-btn">
                新增产品
            </a>
        </h1>

    </section>
    <section class="content">
        <div class="row">
            <div class="col-xs-12">
                <div class="box">
                    <div class="box-body">
                        <table id="product-tabel" class="table table-bordered table-hover">
                            <thead>
                            <tr>
                                <th>产品id</th>
                                <th>产品名称</th>
                                <th>所属分类</th>
                                <th>创建时间</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody id="productTable">
                            </tbody>
                        </table>
                    </div><!-- /.box-body -->
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.row -->
        <div class="product-modal">
            <div class="modal">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                            <h4 class="modal-title">新增产品</h4>
                        </div>
                        <div class="modal-body">
                            <form class="form">
                                <div class="form-group">
                                    <label class="form-group" for="">产品名称:</label>
                                    <input type="text" class="form-group product-name">
                                </div>
                                <div class="form-group">
                                    <label class="form-group" for="">产品类别:</label>
                                    <input class="form-group product-type" type="text">
                                </div>
                            </form>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
                            <button type="button" class="btn btn-primary">Save changes</button>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div><!-- /.modal -->
        </div>
        <div class="product-modal-cover"></div>

    </section><!-- /.content -->
</div>